<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache">  
    <meta http-equiv="cache-control" content="no-cache">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>减一减 | 注册</title>
    <link rel="stylesheet" type="text/css" href="src/frozenui/1.2.0/css/frozen.css">
    <link rel="stylesheet" type="text/css" href="src/frozenui/1.2.1/css/global.css">
    <link rel="stylesheet" type="text/css" href="src/static/demo.css">
    <style type="text/css">
    .reg-info-box {
        margin: 20px 10px 50px 10px;
    }
    #reg-info {
        display: none;
    }    
    h2 center {
        font-weight: bold;
    }
    </style>
</head>
<body>
<!-- 注册须知页开始 -->
<div id="reg-note">
    <h2 class="title ui-border-b">
        <a class="ui-btn left" id="back">&lt; 返回</a>
        <center>注册须知</center>
    </h2>
    <div class="content">
        <div class="ui-scroller ui-border" style="height: 400px;">
            <ul>
                <li>一、遵守中华人民共和国有关法律、法规，承担一切因您的行为而直接或间接引起的法律责任。</li>
                <li>二、在本站发表言论请注意以下几条规定，若有违反，本坛有权删除。</li>
                <li>1 、反对国家宪法所确定的基本原则的；</li>
                <li>2 、危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</li>
                <li>3 、损害国家荣誉和利益的；</li>
                <li>4 、煽动民族仇恨、民族歧视，破坏民族团结的；</li>
                <li>5 、破坏国家宗教政策，宣扬邪教和封建迷信的；</li>
                <li>6 、散布谣言，扰乱社会秩序，破坏社会稳定的；</li>
                <li>7 、散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</li>
                <li>8 、侮辱或者诽谤他人，侵害他人合法权益的；</li>
                <li>9 、含有法律、行政法规禁止的其他内容的；</li>
                <li>三、ID注册和使用昵称注意事项：</li>
                <li>1、请勿以党和国家领导人或其他名人的真实姓名、字、号、艺名、笔名注册和使用昵称；</li>
                <li>2、请勿以国家组织机构或其他组织机构的名称注册和使用昵称；</li>
                <li>3、请勿注册和使用与其他网友相同、相仿的名字或昵称；</li>
                <li>4、请勿注册和使用不文明、不健康的ID和昵称；</li>
                <li>5、请勿注册和使用易产生歧义、引起他人误解的ID和昵称。</li>
            </ul>
        </div>
        <div class="ui-btn-wrap">
            <button class="ui-btn-lg ui-btn" id="reg-note-btn-next">继续</button>
        </div>
    </div>
</div>
<!-- 注册须知页结束 -->
<!-- 注册信息页开始 -->
<div id="reg-info">
    <h2 class="title ui-border-b">
        <a class="ui-btn left" id="back">&lt; 返回</a>
        <center>注册</center>
    </h2>
    <div class="content">
        <div class="ui-form">
        <div class="reg-info-box" id="reg-info-box">
            <div class="ui-form-item ui-border-b">
                <label for="username">账号</label>
                <input type="text" name="username" id="username" autocomplete="off" />
                <a id="close" class="ui-icon-close"></a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label for="password">密码</label>
                <input type="password" name="password1" id="password1" autocomplete="off" />
                <a id="close" class="ui-icon-close"></a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label for="password">确认密码</label>
                <input type="password" name="password2" id="password2" autocomplete="off" />
                <a id="close" class="ui-icon-close"></a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label for="phone">手机号码</label>
                <input type="text" name="phone" id="phone" autocomplete="off" />
                <a id="close" class="ui-icon-close"></a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label for="identifying">验证码</label>
                <input type="text" name="identifying" id="identifying" autocomplete="off" />
                <a id="close" class="ui-icon-close"></a>
            </div>
            <div class="ui-btn-wrap">
                <button class="ui-btn-lg ui-btn-primary" id="reg-btn">注册</button>
            </div>
        </div>
        </div>
    </div>

</div>
<!-- 注册信息页结束 -->

        
    <!-- javascript开始 -->
    <script src="src/frozenjs/lib/zepto.min.js"></script>
    <script src="src/frozenjs/1.0.1/frozen.js"></script>
    <script>
    window.addEventListener('load', function(){
        var regNote = new fz.Scroll('.ui-scroller', {
            scrollY: true
        })

    })
    $(document).ready(function(){
        //后退
        $(".ui-btn.left").click(function(){
            window.history.back(-1);
        })
        //确认两次密码是否相同方法
        function CheckPwd(){
            if($("#password2").val() !== $("#password1").val()){
                return false;
            }
            else{
                return true;
            }
        }
        //验证用户名方法
        function CheckUsername(){
            if($("#username").val() === 'lisheng'){
                return false;
            }else{
                return true;
            }
        }
        //close的点击事件
        $(".ui-icon-close").click(function(){
            $(this).prev('input').val('')
        })
        //提交注册信息
        $("#reg-btn").click(function(){
            document.cookie = 'uid=1';
            window.location.href = 'completeinfo.html'; 
        })
        //提交注册信息
        $("#reg-note-btn-next").click(function(){
            $("#reg-note").hide();
            $("#reg-info").show();
        })
        //验证用户名
        $('input[name=username]').change(function(){
            if(!CheckUsername()){
                $.tips({
                    content:'用户名已重复',
                    stayTime:2000,
                    type:"warn"
                })
            }
        })
        //确认密码
        $('input[name=password2]').change(function(){
            if(!CheckPwd()){
                $.tips({
                    content:'两次密码输入不同',
                    stayTime:2000,
                    type:"warn"
                }) 
            }
        })
        //发送验证码
        $("#phone").bind("propertychange input",function(){
            if($("#phone").val().length === 11){
                var dia = $.dialog(
                {
                    content:'<center>是否向 <b>' + $("#phone").val() + '</b> 发送验证码？',
                    button:["确认","取消"]
                });
                dia.on("dialog:action",function(e){
                    if(e.index == 0) {
                        dia.on("dialog:hide",function(e){
                            $.tips({
                                content:'验证码已发送',
                                stayTime:2000,
                                type:"success"
                            })
                        });
                    }
                });
            }
        })
    })
    </script>
</body>
</html>